// custom-tab-bar/index.js

import { createStoreBindings, storeBindingsBehavior } from 'mobx-miniprogram-bindings'
import {store} from '../store/store'

Component({
    options: {
        styleIsolation: 'shared'
    },
    behaviors: [storeBindingsBehavior],
    storeBindings: {
        store,
        fields: {
            sum: 'sum',
            active: 'activeTabbarIndex'
        },
        actions: {
            updateActive: 'updateActiveTabbarIndex'
        }
    },
    observers: {
        'sum': function(val) {
            this.setData({
                'list[1].info': val
            })
        }
    },
    /**
     * 组件的属性列表
     */
    properties: {

    },

    /**
     * 组件的初始数据
     */
    data: {
        list: [{
            "pagePath": "pages/home/home",
            "text": "首页",
            "iconPath": "/images/tabs/home.png",
            "selectedIconPath": "/images/tabs/home-active.png"
          },
          {
            "pagePath": "pages/message/message",
            "text": "消息",
            "iconPath": "/images/tabs/message.png",
            "selectedIconPath": "/images/tabs/message-active.png",
            "info": 2
          },
          {
            "pagePath": "pages/contcat/contcat",
            "text": "联系我们",
            "iconPath": "/images/tabs/contact.png",
            "selectedIconPath": "/images/tabs/contact-active.png"
          }]
    },

    /**
     * 组件的方法列表
     */
    methods: {
        onChange(event) {
            this.updateActive(event.detail)
            wx.switchTab({
              url: '/' + this.data.list[event.detail].pagePath,
            })
        }
    }
})
